<template>
        <el-card class="box-card">
        <h2 style="margin-left: 20px;">娱乐</h2>
         <ul class="ul" v-for="(item,index) in list" :key="index">       
          <li @click="getNewId(item.news_id)">{{item.news_title}}</li>
         </ul>
        </el-card>
</template>

<script>
export default {
data(){
  return{
    topTitle:[
   
   ]
  }
},
props:{
  list:{
    type:Array,
    default:()=>[]
  },
  
},
methods:{
  getNewId(id) {
      // console.log(id);
      this.$router.push(`/detailPage/${id}`);

    }
}

}
</script>

<style scoped>
.ul :hover{
 
 color: rgb(182, 17, 27);
 text-decoration-line:underline;
}
</style>